<template>
  <div class="container">
    <h3 class="title">
      <svg-icon icon-class="nested" class="title-icon" />收款账号管理
    </h3>

    <el-card>
      <div slot="header">
        <span>收款信息详情</span>
      </div>
      <div>
        <span style="display: inline-block;margin-bottom:10px;">基本信息</span>
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="商户编码:" style="margin-right:50px;margin-bottom: 15px;">
            <span>{{formInline.no}}</span>
          </el-form-item>
          <el-form-item label="入账银行:" style="margin-right:50px;margin-bottom: 15px;">
            <span>{{formInline.bankOfAccount}}</span>
          </el-form-item>
          <el-form-item label="关联项目:" style="margin-right:50px;margin-bottom: 15px;">
            <span>{{formInline.projectName}}</span>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "detailManage",

  data() {
    return {
      formInline: {
        code: "15001",
        project: "奥园誉湖湾"
      },
      id: ""
    };
  },
  mounted() {
    this.formInline = JSON.parse(localStorage.detail);
  },
  methods: {
    getDetail(id) {
      getDetail(id).then(res => {
        this.formInline = res.data;
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.container {
  padding: 20px;
  background-color: rgb(240, 242, 245);
  position: relative;
  .title {
    font-size: 14px;
    font-weight: 400;
    .title-icon {
      font-size: 14px;
      display: inline-block;
      margin-right: 5px;
    }
  }
  /deep/ .el-card__header {
    padding: 18px 0;
    margin: 0 20px;
  }
}
.title-small {
  font-size: 14px;
}

.money {
  color: #409eff;
}
</style>
